<script setup lang="ts">

</script>

<template>
    <div class="home-tab" >
        <div class="commomUse-link">
            <div class="commomUse-title">常用站点地址:</div>        
            <ul class="link-ul">
                <li class="link-li">
                    <a href="http://eip.gzmetro.com/xcreator-web/tenant-engine-page/pc/gzmetro/pGroup/default" target="_blank"><span class="li-span">内网门户</span></a>
                </li>
                <li class="link-li">
                    <a href="http://lmis-maximo.subway.com/maximo/webclient/login/login.jsp" target="_blank"><span class="li-span">LMIS维修</span></a>
                </li>
                <li class="link-li">
                    <a href="http://lmis-shigong.subway.com/maximo/ui/login" target="_blank"><span class="li-span">LMIS施工</span></a>
                </li>
                <li class="link-li">
                    <a href="http://frpt.gzmetro.com/webroot/decision" target="_blank"><span class="li-span">报表平台</span></a>
                </li>
                <li class="link-li">
                    <a href="http://10.32.240.96/" target="_blank"><span class="li-span">运营总部考勤信息管理系统</span></a>
                </li>
                <li class="link-li">
                    <a href="http://10.103.78.18:8005/" target="_blank"><span class="li-span">部门值班系统</span></a>
                </li>
                <li class="link-li">
                    <a href="https://mail2.gzmtr.com/owa/auth/logon.aspx?replaceCurrent=1&url=https%3a%2f%2fmail2.gzmtr.com%2fowa%2f" target="_blank"><span class="li-span">邮箱</span></a>
                </li>
                <li class="link-li">
                    <a href="http://10.103.74.99/Login.aspx" target="_blank"><span class="li-span">运营三中心生产管理系统</span></a>
                </li>
                <li class="link-li">
                    <a href="http://10.103.136.59:8075/WebReport/ReportServer?op=fs_load&cmd=fs_signin&_=1581419954733" target="_blank"><span class="li-span">车站设备维修五信息管理系统-FREPORT</span></a>
                </li>
            </ul>
        </div>    
    </div>
</template>

<style lang='less' scoped>
.home-tab{
    height: 100%;
    width: 100%;
    .commomUse-link{
        padding: .625rem;
        border-bottom: .0625rem solid #2c8ef0;
        .commomUse-title{
            font-size: 1.375rem;
            font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
            font-weight: bolder;
            margin-bottom: .625rem;
            border: .0625rem solid #2c8ef0;
            background-color: #2c8ef0;
            color: #fff;
            padding-left: .3125rem;
        }
        .link-ul{
            display: flex;
            flex-flow: row wrap;
            list-style-type:none;
            .link-li{
                border: .0625rem solid #ecf0f1;
                background-color: #ecf0f1;
                border-radius: .3125rem;
                height: 3.125rem;
                width: 12.5rem;
                margin-right: .625rem;
                margin-bottom: .625rem;
                a{
                    font-size: 1.125rem;
                    text-decoration: none;
                    padding-left: .3125rem;
                    span{
                        font-size: .8125rem;
                        color: #2c3e50;
                        font-weight: normal;
                        
                    }
                    span:hover{
                        color: #2c8ef0;
                    }
                }
            }
        }
    }
}
</style>